<template>
	<view class="asset">
		<commonHeader :title="$t('aa1')" headtitle toback='0'></commonHeader>
		<view class="gHeadbox"></view>
		<view class="asset_box">
			<view class="asset_box_a">
				<text>{{$t('aa2')}}</text>

				<image src="@/static/img/asset_jump.png" mode=""></image>
				<text class="lang"></text>
			</view>
			<view class="asset_box_b">
				<text>{{surplusnum?Number(retainFourDecimals(surplusnum)):'0'}}</text>
			</view>
			<view class="asset_box_c" v-for="(item,index) in planList" :key="item">
				<view class="asset_box_c_box">
					<text class="texta">{{item.name}}：</text>
					<text class="textnum">{{Number(retainFourDecimals(item.num))}}</text>
					<text class="textc">{{item.startTime}}</text>
				</view>
				<view class="langbox">

				</view>
				<view class="asset_box_c_box">
					<text class="texta">{{$t('aa3')}}：</text>
					<text class="textb">{{Number(retainFourDecimals(item.saleNum))}}</text>
					<text class="textc">{{fnnewData()}}</text>
				</view>
			</view>
			<view class="asset_box_d">
				<view class="asset_box_d_box">

					<view class="asset_box_d_box_item" @click="torecord(2,$t('aa4'))">

						<view class="">
							<image src="@/static/img/asset_j.png" mode=""></image>
						</view>
						<view class="tname">
							<view class="name ">{{$t('aa4')}}</view>
							<view class="num">
								{{maccount.staticJump?Number(retainFourDecimals(maccount.staticJump)):'0'}}
							</view>
						</view>
					</view>
					<view class="asset_box_d_box_item items" @click="torecord(3,$t('aa5'))">

						<view class="">
							<image src="@/static/img/asset_j.png" mode=""></image>
						</view>
						<view class="tname">
							<view class="name ">{{$t('aa5')}}</view>
							<view class="num">
								{{maccount.dynamicJump?Number(retainFourDecimals(maccount.dynamicJump)):'0'}}
							</view>
						</view>
					</view>

				</view>
				<view class="asset_box_d_box">
					<view class="asset_box_d_box_item " @click="torecord(1,$t('aa6'))">
						<view class="">
							<image src="@/static/img/asset_j.png" mode=""></image>
						</view>
						<view class="tname">
							<view class="name ">{{$t('aa6')}}</view>
							<view class="num">
								{{maccount.usdt?Number(retainFourDecimals(maccount.usdt)):'0'}}
							</view>
						</view>
					</view>
					<view class="asset_box_d_box_item items" @click="torecord(4,$t('aa7'))">

						<view class="">
							<image src="@/static/img/asset_j.png" mode=""></image>
						</view>
						<view class="tname">
							<view class="name ">{{$t('aa7')}}</view>
							<view class="num">
								{{maccount.holderJump?Number(retainFourDecimals(maccount.holderJump)):'0'}}
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="asset_box_e">
				<view class="asset_box_e_top">
					<view class="item_com" :style="{ left: dynamicLeft + '%' }">

					</view>
					<view class="itembox">
						<view class="item" @click="fndynamicLeft(6,'conversion')">
							<text>{{$t('ll1')}}</text>
						</view>
						<view class="item" @click="fndynamicLeft(2,'conversion')">
							<text>{{$t('aa9')}}</text>
						</view>
						<view class="item" @click="fndynamicLeft(1,'win')">
							<text>{{$t('aa10')}}</text>
						</view>
						<view class="item" @click="fndynamicLeft(3,'transfer')">
							<text>{{$t('aa11')}}</text>
						</view>
						<view class="item" @click="fndynamicLeft(5,'psword')">
							<text>{{$t('aa35')}}</text>
						</view>

					</view>
				</view>
				<view class="asset_box_e_btn" v-if="newamount==0">
					<button @click="fndynamicLeft(4,'activation')">{{$t('aa12')}}</button>
				</view>
				<view class="asset_box_e_bom" v-else>
					<view class="d_f_between bomboxs">
						<view class="bomtop">
							<image src="@/static/img/asset_j.png" mode=""></image>
							<text>{{newamount.name}}</text>
						</view>
					<!-- 	<view class="">
							{{$t('aa53')}}
							<text v-if="maccount.teamLevel==0"></text>
							<text v-else-if="maccount.teamLevel==1">{{$t('aa46')}}</text>
							<text v-else-if="maccount.teamLevel==2">{{$t('aa47')}}</text>
							<text v-else-if="maccount.teamLevel==3">{{$t('aa48')}}</text>
							<text v-else-if="maccount.teamLevel==4">{{$t('aa49')}}</text>
							<text v-else-if="maccount.teamLevel==5">{{$t('aa50')}}</text>
							<text v-else-if="maccount.teamLevel==6">{{$t('aa51')}}</text>
							<text v-else-if="maccount.teamLevel==7">{{$t('aa52')}}</text>
							<text v-else></text>
						</view> -->
					</view>
					<view class="bomcenter">
						<text>{{floatNum(newamount.times,2,100)}}%{{$t('aa13')}}</text>
					</view>
					<view class="langbox">

					</view>
					<view class="bomcenterbtn">
						<button @click="showInputDialog">{{$t('aa14')}}</button>
						<button @click="fndynamicLeft(4,'activation')">{{$t('aa15')}}</button>
					</view>
				</view>
			</view>

		</view>

		<u-popup :show="typchange" @close="typchange = false" mode="center" :round="20">
			<!-- 弹框内容 -->
			<view class="popup-content">
				<view class="poptxt">
					{{$t('aa16')}}
				</view>
				<input type="number" :placeholder="$t('aa17')" v-model="changenum" />
				<button @click="zhuanzhang">{{$t('aa18')}}</button>
			</view>
		</u-popup>
		<u-popup :show="typepassword" @close="typepassword = false" mode="center" :round="20">
			<!-- 弹框内容 -->
			<view class="popup-content">
				<view class="">
					{{$t('aa36')}}
				</view>
				<view class="poptxt">
					{{$t('aa37')}}
				</view>
				<input type="password" :placeholder="$t('aa38')" v-model="oldPassword" />
				<view class="poptxt">
					{{$t('aa39')}}
				</view>
				<input type="password" :placeholder="$t('aa40')" v-model="newPassword" />
				<view class="poptxt">
					{{$t('aa41')}}
				</view>
				<input type="password" :placeholder="$t('aa42')" v-model="tnewPassword" />
				<button @click="fnresetPwd">{{$t('aa43')}}</button>
			</view>
		</u-popup>
		<u-popup :show="typeprower" @close="typeprower = false" mode="center" :round="20">
			<!-- 弹框内容 -->
			<view class="popup-content">
				<view class="poptxt">
					{{$t('aa19')}}
				</view>
				<input type="password" :placeholder="$t('aa20')" v-model="ppassword" />
				<view class="tips">
					·{{$t('aa21')}}
				</view>
				<button @click="fnmemberSale">{{$t('aa22')}}</button>
			</view>
		</u-popup>
		<uni-popup ref="message" type="dialog">
			<uni-popup-dialog type="info" :cancelText="$t('aa23')" :confirmText="$t('aa24')" :content="messageText"
				:duration="2000" @confirm="confirm" @close="close"></uni-popup-dialog>
		</uni-popup>
	</view>
</template>

<script>
	import {
		memberAccount, //用户资产
		login, //获取绑定状态
		mAcAmount, //查看当前激活定单
		quarterPlan, //阶段信息
		memberSale, //出局
		pconfig, //配置信息
		resetPwd, //重置密码
	} from '@/api/home.js'
	import erc20abi from '@/static/abi/erc20.json'
	import {
		ethers
	} from "ethers";
	// 定义成全局的,方便其他方法的调用
	// var provider, signer, greet
	export default {
		data() {
			return {
				dynamicLeft: 1,
				messageText: '', //未绑定提示
				maccount: '', // 用户资产
				newamount: '', //查看当前激活定单
				planList: [], //阶段信息
				typeprower: false, //出局弹窗
				typchange: false, //数量 
				typepassword: false, //密码
				ppassword: '', //密码
				changenum: '', //数量
				pconfigicon: '', //配置信息
				oldPassword: '', //原密码
				newPassword: '', //新密码
				tnewPassword: '', //	确认新密码
				timeset: null, //定时器
			}
		},
		onShow() {
			console.log('show')
			this.fnmemberAccount() // 用户资产
			this.fnmAcAmount() // 查看当前激活定单
			this.fnquarterPlan() // 阶段信息
			this.fnpconfig() //配置信息
			this.setTitle() //动态修改头部和tabBar
			var that = this;
			this.timeset = setInterval(() => {
				console.log('11')
				that.fnmemberAccount()
			}, 10000)
		},
		onHide() {
			clearInterval(this.timeset)
		},
		mounted() {},
		methods: {
			setTitle() {
				uni.setTabBarItem({
					// 修改底部导航
					index: 0,
					text: this.$t('rp1'),
				});
				uni.setTabBarItem({
					// 修改底部导航
					index: 1,
					text: this.$t('rp2'),
				});
				uni.setTabBarItem({
					// 修改底部导航
					index: 2,
					text: this.$t('rp3'),
				});
				uni.setTabBarItem({
					// 修改底部导航
					index: 3,
					text: this.$t('rp4'),
				});
			},
			fnresetPwd() {
				if (!this.oldPassword) {
					uni.showToast({
						icon: 'error',
						title: this.$t('aa38')
					})
					return;
				} else if (!this.newPassword) {
					uni.showToast({
						icon: 'error',
						title: this.$t('aa40')
					})
					return;
				} else if (this.newPassword.length < 6) {
					uni.showToast({
						icon: 'error',
						title: this.$t('aa44')
					})
					return;
				} else if (!this.tnewPassword) {
					uni.showToast({
						icon: 'error',
						title: this.$t('aa42')
					})
					return;
				} else if (this.newPassword != this.tnewPassword) {
					uni.showToast({
						icon: 'error',
						title: this.$t('aa45')
					})
					return;
				}

				var params = {
					address: this.$store.state.devAddress,
					oldPassword: this.oldPassword,
					newPassword: this.newPassword,
				}
				resetPwd(params).then(res => {
					console.log(res)
					if (res.code == 200) {
						uni.showToast({
							icon: 'success',
							title: this.$t('aa26'),
						})

						setTimeout(() => {
							this.typepassword = false;
							this.oldPassword = ''
							this.newPassword = ''
							this.tnewPassword = ''
						}, 2000)
					} else {
						uni.showToast({
							icon: 'error',
							title: res.msg,
						})
					}
				})



			},
			// 配置信息
			fnpconfig() {
				pconfig().then(res => {
					if (res.code == 200) {
						this.pconfigicon = res.data
					}
				})
			},

			// 乘100
			floatNum(f, d, n) {
				let m = Math.pow(10, d);
				let num = (Math.round(f * m) * n) / m;
				return num;
			},
			fnnewData() {
				const currentDate = new Date();
				const year = currentDate.getFullYear();
				const month = currentDate.getMonth() + 1; // 月份从0开始，所以需要加1 
				let ms = month < 10 ? '0' + month : month
				const day = currentDate.getDate();
				let ds = day < 10 ? '0' + day : day
				console.log(year + '-' + ms + '-' + ds);
				return year + '-' + ms + '-' + ds
			},
			// 阶段信息
			fnquarterPlan() {
				var params = {
					page: 1,
					pageSize: 1,
				}
				quarterPlan(params).then(res => {
					console.log(res)
					if (res.code == 200) {
						this.planList = res.data;
						this.surplusnum = res.data[0].surplus
					}
				})
			},
			// 出局
			showInputDialog() {

				this.typeprower = true;
			},
			// 出局
			fnmemberSale() {
				if (!this.ppassword) {
					uni.showToast({
						icon: 'error',
						title: this.$t('aa25'),
					})
					return;
				}
				var params = {
					address: this.$store.state.devAddress,
					password: this.ppassword
				}
				memberSale(params).then(res => {
					console.log(res)
					if (res.code == 200) {
						uni.showToast({
							icon: 'success',
							title: this.$t('aa26'),
						})
						this.typeprower = false;
						this.ppassword = '';
						this.fnmemberAccount() // 用户资产
						this.fnmAcAmount() // 查看当前激活定单
						this.fnquarterPlan() // 阶段信息
						this.fnpconfig() //配置信息
					} else {
						uni.showToast({
							icon: 'error',
							title: res.msg,
						})
					}
				})
			},
			// 用户资产
			fnmemberAccount() {
				var params = {
					address: this.$store.state.devAddress
				}
				memberAccount(params).then(res => {
					console.log(res)
					if (res.code == 200) {
						this.maccount = res.data
					}
				})
			},
			// 查看当前激活定单
			fnmAcAmount() {
				var params = {
					address: this.$store.state.devAddress
				}
				mAcAmount(params).then(res => {
					console.log(res)
					if (res.code == 200) {
						this.newamount = res.data
					}
				})
			},
			// 获取绑定状态
			fnLogin() {
				let param = {
					address: this.$store.state.devAddress
				}
				return login(param)
			},
			// 点击未绑定到->密码/to
			fndynamicLeft(titem, pages) {
				this.fnLogin().then(res => {
					console.log(res)
					if (res.code == 200) {
						if (pages) {
							if (titem == 2) {
								this.typchange = true;
								return;
							}

							if (titem == 5) {
								this.typepassword = true;
								return;
							}
							uni.navigateTo({
								url: "/pages/asset/" + pages + '/' + pages
							})
						}
					} else if (res.code == 500) {
						console.log(res.msg)
						this.messageText = res.msg
						this.$refs.message.open()
					}
				})
			},
			// 充值
			async zhuanzhang() {
				if (!this.changenum) {
					uni.showToast({
						icon: 'error',
						title: this.$t('aa27'),
					})
					return;
				}
				let provider = new ethers.providers.Web3Provider(window.ethereum)
				let signer = provider.getSigner();
				// 
				uni.showLoading({
					title: this.$t('aa28')
				})
				console.log(this.pconfigicon.usdtContract)
				//greet为生成的合约对象，需要注意的是signer参数，如果传进去就可以直接调用合约的修改方法
				let greet = new ethers.Contract(this.pconfigicon.usdtContract, erc20abi, signer);
				//调用合约的相关方法，parseEther是一个方法，可以将数字补18个0
				var that = this;
				let data = await greet.transfer(this.pconfigicon.rechargeAddress, ethers.utils.parseEther(
						String(this.changenum)))
					.catch(function(err) {
						uni.showModal({
							title: that.$t('aa29'),
							showCancel: false,
							content: that.$t('aa30')
						})
						uni.hideLoading()
						that.typchange = false;
						that.ppassword = '';
						that.fnmemberAccount() // 用户资产
						that.fnmAcAmount() // 查看当前激活定单
						that.fnquarterPlan() // 阶段信息
						that.fnpconfig() //配置信息
						return
					})

				if (data.hash) {
					let data2 = await provider.waitForTransaction(data.hash);
					this.typchange = false;
					uni.hideLoading()
					uni.$emit('getaccount');
					uni.showModal({
						title: this.$t('aa31'),
						showCancel: false,
						content: this.$t('aa32'),
						success() {
							uni.navigateBack()
							this.typchange = false;
							this.ppassword = '';
							this.fnmemberAccount() // 用户资产
							this.fnmAcAmount() // 查看当前激活定单
							this.fnquarterPlan() // 阶段信息
							this.fnpconfig() //配置信息

						}
					})
				} else {
					uni.hideLoading()
					this.typchange = false;
					uni.showModal({
						title: this.$t('aa33'),
						showCancel: false,
						content: this.$t('aa34'),
						success() {
							uni.navigateBack()
							this.typchange = false;
							this.ppassword = '';
							this.fnmemberAccount() // 用户资产
							this.fnmAcAmount() // 查看当前激活定单
							this.fnquarterPlan() // 阶段信息
							this.fnpconfig() //配置信息
						}
					})
				}
			},

			// 关闭弹框
			close() {
				this.$refs.message.close()
			},
			// 确认
			confirm() {
				this.$refs.message.close()
				uni.navigateTo({
					url: '/pages/password/password'
				})
			},
			// 记录
			torecord(types, names) {
				uni.navigateTo({
					url: '/pages/record/record?type=' + types + '&names=' + names
				})
			},
			// 监听并处理返回页面时发出的事件
			triggerRefresh() {
				this.refreshData();
			},
			refreshData() {
				// 这里实现你的数据刷新逻辑
				// 例如重新请求数据接口等
				this.fnmemberAccount() // 用户资产
				this.fnmAcAmount() // 查看当前激活定单
			},
			retainFourDecimals(num) {
				return Math.floor(num * 10000) / 10000;
			}

		}
	}
</script>

<style scoped lang="scss">
	.asset {
		.asset_box {
			width: 100%;
			padding: 30rpx;
			box-sizing: border-box;

			&_a {
				display: flex;
				align-items: center;
				padding: 10rpx 60rpx;
				box-sizing: border-box;

				text {
					font-size: 36rpx;
					margin-right: 24rpx;
				}

				image {
					width: 126rpx;
					height: 36rpx;
					margin-right: 24rpx;
				}

				.lang {
					width: 1rpx;
					height: 34rpx;
					background-color: #582980;
				}
			}

			&_b {
				text-align: center;
				margin-bottom: 40rpx;

				text {
					background-image: linear-gradient(to right, #E474FF, #F1B8FF);
					background-clip: text;
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
					font-size: 66rpx;
					font-weight: 500;
					font-family: "阿里巴巴普惠体";
				}
			}

			&_c {
				width: 100%;
				height: 132rpx;
				background: #cc00ff3b;
				backdrop-filter: blur(8px);
				position: relative;
				padding: 20rpx 60rpx;
				box-sizing: border-box;
				margin: 0 auto 50rpx;
				text-align: center;

				&::before {
					/* 1 */
					display: block;
					content: '';
					border-radius: 32rpx 0;
					border: 2rpx solid transparent;
					background: linear-gradient(190deg, #aec9e9, transparent 100%) border-box;
					/* 2 */
					-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
					/* 3 */
					-webkit-mask-composite: xor;
					/* 4 */
					mask-composite: exclude;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}

				.langbox {
					width: 90%;
					height: 2rpx;
					opacity: 1;
					// background: #cc00ff3b;
					backdrop-filter: blur(8px);
					background: linear-gradient(190deg, #cc00ff3b 0%, #ffffff 40%, #ffffff 70%, #cc00ff3b 100%) border-box;
					text-align: center;
					margin: 14rpx auto;
				}

				&_box {
					display: flex;
					align-items: center;
					justify-content: space-between;
					font-size: 24rpx;

					.texta {
						color: #fdfdfd;
					}

					.textb {
						color: #ffffff;
						font-weight: 700;
					}

					.textc {
						color: #fdfdfd;
					}

					.textnum {
						color: #f1b8ff;
						font-weight: 700;
					}
				}

			}

			&_d {
				margin-bottom: 50rpx;

				&_box {
					display: flex;
					// align-items: center;
					justify-content: space-between;

					.items {
						background: linear-gradient(137deg, rgba(159, 123, 255, 0.46) 0%, #000000 50%);
					}

					&_item {
						padding: 26rpx;
						box-sizing: border-box;
						position: relative;
						background-color: transparent;
						border: 1px solid transparent;
						border-radius: 32rpx;
						width: 48%;
						height: auto;
						display: flex;
						justify-self: flex-start;
						// align-self: flex-start;
						margin-bottom: 44rpx;
						border: 1rpx solid #65008275;
						background: linear-gradient(137deg, #65008275 0%, #cc00ff00 100%);

						// &::before {
						// 	/* 1 */
						// 	display: block;
						// 	content: '';
						// 	border-radius: 32rpx;
						// 	border: 2rpx solid transparent;
						// 	background: linear-gradient(137deg, #9f7bff75 0%, #65008275 100%) border-box;
						// 	/* 2 */
						// 	-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
						// 	/* 3 */
						// 	-webkit-mask-composite: xor;
						// 	/* 4 */
						// 	mask-composite: exclude;
						// 	position: absolute;
						// 	top: 0;
						// 	left: 0;
						// 	width: 100%;
						// 	height: 100%;
						// }

						image {
							width: 26rpx;
							height: 26rpx;
							margin-right: 20rpx;
						}

						.tname {
							width: calc(100% - 50rpx);
						}

						.name {
							color: #ffffff;
							font-size: 28rpx;
							font-weight: 500;
						}

						.num {
							color: #f1b8ff;
							font-size: 28rpx;
							font-weight: 500;
							margin-top: 14rpx;
						}
					}
				}
			}

			&_e {
				position: relative;


				&_top {
					width: 100%;
					position: relative;
					margin-bottom: 44rpx;

					&::before {
						/* 1 */
						display: block;
						content: '';
						border-radius: 15rpx;
						border: 1rpx solid transparent;
						background: linear-gradient(137deg, #ffffff 0%, #aec9e9 50%, transparent 100%) border-box;
						/* 2 */
						-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
						/* 3 */
						-webkit-mask-composite: xor;
						/* 4 */
						mask-composite: exclude;
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
					}

					.item_com {
						display: inline-block;
						width: 21%;
						height: 33rpx;
						border-radius: 0 0 11rpx 11rpx;
						opacity: 1;
						background: #e474ff;
						position: absolute;
						top: -4rpx;
						left: 0;
						z-index: 0;
						margin: 0 2%;
					}

					.itembox {
						height: 65rpx;
						line-height: 65rpx;
						border-radius: 15rpx;
						opacity: 1;
						background: #0d0d0d8f;
						backdrop-filter: blur(45px);
						display: flex;
						align-items: center;
						justify-content: space-around;
						font-size: 22rpx;
						font-family: "Cabin";

						.item {
							flex: 1;
							text-align: center;
							z-index: 999;
						}
					}

				}

				&_btn {

					width: 100%;
					height: 76rpx;
					position: relative;
					margin-bottom: 46rpx;

					button {
						width: 100%;
						height: 76rpx;
						line-height: 76rpx;
						border-radius: 24rpx;
						color: #ffffff;
						font-size: 30rpx;
						font-weight: 500;
						background: linear-gradient(-16.5deg, #430edb 0%, #b40fee 100%);
						box-sizing: border-box;

						&::before {
							/* 1 */
							display: block;
							content: '';
							border-radius: 24rpx;
							border: 1rpx solid transparent;
							background: linear-gradient(137deg, #ffffff 0%, #aec9e9 50%, transparent 100%) border-box;
							/* 2 */
							-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
							/* 3 */
							-webkit-mask-composite: xor;
							/* 4 */
							mask-composite: exclude;
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;

						}
					}


				}

				&_bom {
					width: 100%;
					// height: 132rpx;
					backdrop-filter: blur(8px);
					position: relative;
					padding: 20rpx 50rpx;
					box-sizing: border-box;
					margin: 0 auto 50rpx;
					text-align: center;
					border-radius: 32rpx;
					opacity: 1;
					background: #48346799;
					backdrop-filter: blur(8px);

					&::before {
						/* 1 */
						display: block;
						content: '';
						border-radius: 32rpx;
						border: 2rpx solid transparent;
						background: linear-gradient(190deg, #aec9e9, transparent 100%) border-box;
						/* 2 */
						-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
						/* 3 */
						-webkit-mask-composite: xor;
						/* 4 */
						mask-composite: exclude;
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
					}

					.langbox {
						width: 90%;
						height: 2rpx;
						backdrop-filter: blur(8px);
						background: linear-gradient(190deg, #48346799 0%, #ffffff 40%, #ffffff 70%, #48346799 100%) border-box;
						text-align: center;
						margin: 14rpx auto;
					}

					.bomboxs {
						color: #fdfdfd;
						font-size: 28rpx;
						font-weight: 900;
					}

					.bomtop {
						display: flex;
						align-items: center;
						justify-content: flex-start;
						color: #fdfdfd;
						font-size: 28rpx;
						font-weight: 900;

						image {
							width: 26rpx;
							height: 26rpx;
							margin-right: 16rpx;
						}
					}

					.bomcenter {
						font-size: 50rpx;
						font-weight: 700;
						background-image: linear-gradient(to right, #E474FF, #F1B8FF);
						background-clip: text;
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}

					.bomcenterbtn {
						display: flex;
						align-items: center;
						justify-content: space-around;
						margin-top: 24rpx;

						button {
							width: 162rpx;
							height: 54rpx;
							line-height: 54rpx;
							border-radius: 38rpx;
							opacity: 1;
							background: linear-gradient(225deg, #a200a285 0%, #1700248c 100%);
							box-shadow: 0 6rpx 24rpx 0 #b690ff4a;
							color: #fdfdfd;
							font-size: 28rpx;
						}
					}

					&_box {
						display: flex;
						align-items: center;
						justify-content: space-between;
						font-size: 24rpx;
						color: #fdfdfd;
						padding: 0 40rpx;
						box-sizing: border-box;

						.textb {
							color: #fdfdfd;
							font-weight: 800;
						}

						.textc {
							color: #ffffff;
						}

					}

				}

				&_boms {

					background: #6B00B7;

					.langbox {
						width: 90%;
						height: 2rpx;
						backdrop-filter: blur(8px);
						background: linear-gradient(190deg, #6B00B7 0%, #ffffff 40%, #ffffff 70%, #6B00B7 100%) border-box;
						text-align: center;
						margin: 14rpx auto;
					}

				}

			}
		}
	}

	.popup-content {
		padding: 20px;
		text-align: left;
		color: #000000;
		line-height: 80rpx;

		input {
			margin-bottom: 10px;
			padding: 8px;
			border: 1px solid #ccc;
			border-radius: 4px;
		}

		.tips {
			line-height: 34rpx;
			font-size: 24rpx;
			color: red;
		}

		button {
			background: url("@/static/img/w.png") no-repeat;
			background-size: cover;
			width: 572rpx;
			height: 78rpx;
			line-height: 78rpx;
			text-align: center;
			color: #ffffff;
			font-size: 42rpx;
			font-weight: 500;
			margin: 40rpx auto 0;

		}
	}
</style>